// miniprogram/pages/map/map.js
Page({
  tap(e){
    console.log("this.scale  ",this.data.scale);
      // console.log("e  ",e);
    
  },
  bindregionchange(e){//bindregionchange="bindregionchange"
  
    wx.createMapContext("map").getScale().then(res=>{
      console.log("res  ",res.scale);
      // this.setData({
      //   scale:res.scale
      // })
      if(res.scale>=8&&res.scale<=10){
        console.log("8");
        this.initMap(8)
      }else if(res.scale>=10&&res.scale<=15.99){
        console.log("11");
        this.initMap(11)
      }else if(res.scale>16){
        console.log("17");
        this.initMap(17)
      }
    })
  },
  Scale(scale){
    if(scale>=8&&scale<=10){
      console.log("8");
      this.initMap(8)
    }else if(scale>=10&&scale<=15.99){
      console.log("11");
      this.initMap(11)
    }else if(scale>16){
      console.log("17");
      this.initMap(17)
    }
  },
  bindcallouttap(e){

    const {detail:{markerId}}=e
    console.log("e  ",e);
    
    console.log("markerId  ",markerId);
    const marker=this.data.markers.find(item=>{
      if(item.id===markerId){
        return true
      }
    })
    console.log("marker  ",marker);
    
    this.setData({
      // scale:marker.scale,
      latitude:marker.latitude,longitude:marker.longitude,
    })
  },
  details({currentTarget:{dataset:{item}}}){
    console.log("item  ",item);
    
    if(item.scale){

      this.setData({
        scale:item.scale,
        latitude:item.latitude,longitude:item.longitude,
      })
      wx.nextTick(()=>{
        this.Scale(item.scale)
      })
    }else{
      wx.navigateTo({
        url: '/pages/details/details?_id='+item._id,
      })
    }
  },
  dw({currentTarget:{dataset:{item}}}){
    console.log("item  ",item);
    
    this.setData({
      latitude:item.latitude,longitude:item.longitude,
    })
  },
  show(){
    console.log("this.data.height  ",this.data.height);
    console.log("this.data.heig  ",this.data.height==="200px"?0:"200px");
    
    this.setData({
      height:this.data.height==="200px"?0:"200px"
    })
  },
  data: {
    height:"200px",
    isShow:true,
    latitude:28.464761,longitude:119.91592,
    scale:11,
    markers:[],
    list:{},
    circle:[
      // {
      //   latitude: 28.448708,
      //   longitude: 119.481247,
      //   color: '#FF0000DD',
      //   fillColor: '#d1edff88',
      //   radius: 30000,//定位点半径/
      // }
    ]
  },

  /**
   * 生命周期函数--监听页面加载
   */
  initMap(scale){
    if(this.data.list[scale]){
      this.setData({
        markers:this.data.list[scale]
      })
      return 
    }
    function init( {_id,address,scale,title, num, id, latitude, longitude}){
      return {
        _id,
        address,
        scale,
        num,
        latitude,
        longitude,
        title,
        id,
        // alpha:1,
        iconPath:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-218349ec-4c2e-4da8-8548-a2265e2bec0d/e97888b5-1f6b-44a1-86f1-1b7552a50521.png",
        customCallout: {
          anchorY: 50,
          anchorX: 0,
          display: 'ALWAYS'
        }
      }
    }
    wx.cloud.callFunction({
      name:"map",
      data:{
        action:"getMap",
        data:{scale}
      }
    }).then(({result:{code,data}})=>{
      console.log("data  ",data);
      console.log("init(data[0])  ",init(data[0]));
      this.setData({
        list:Object.assign(this.data.list,{[scale]:data.map(item=>init(item))}),
        markers:this.data.list[scale],
        scale
      })
      // wx.createMapContext("map").addMarkers({
      //   markers:this.data.markers
      // })

      console.log("this.data.marlers  ",this.data);
    })
      //市 发布房源后增加
      //小区 增加
  },
  onLoad (options) {
    this.initMap(11)
    // this.mapCtx=wx.createMapContext('map',this)
    // let markers=[]
    // this.Markers={x:[
    //   {
    //     iconPath:"./1.png",
    //     latitude: 28.464641, longitude: 119.915981,
    //     title:"接官亭",
    //     num:10,
    //     id:1,
    //     alpha:1,
    //     customCallout: {
    //       anchorY: 50,
    //       anchorX: 0,
    //       display: 'ALWAYS'
    //     }
    //   },
    //   {
    //     iconPath:"./1.png",
    //     latitude: 28.456613, longitude: 119.897371,
    //     title:"三岩寺",
    //     num:10,
    //     id:2,
    //     alpha:1,
    //     customCallout: {
    //       anchorY: 50,
    //       anchorX: 0,
    //       display: 'ALWAYS'
    //     }
    //   }
    // ]}
    // wx.serviceMarket.invokeService({
    //   service:"wxc1c68623b7bdea7b",
    //   api:"poiSearch",
    //   data:{
    //     keyword:"县",
    //     boundary:"region(丽水市)"
    //   }
    // }).then(({data:{data}})=>{
    //   let index=1
    //   data.forEach(item=>{
    //     markers.push({
    //       iconPath:"./1.png",
    //       title:item.ad_info.district,
    //       num:10,
    //       id:index++,
    //       alpha:1,
    //       latitude: item.location.lat, longitude: item.location.lng,
    //       customCallout: {
    //         anchorY: 50,
    //         anchorX: 0,
    //         display: 'ALWAYS'
    //       }
    //       // callout:{display:"ALWAYS",content:item.ad_info.district,bgColor:"#fff",color:"#000",borderRadius:50,padding:10, borderColor:"#ff00f7",borderWidth:"1"}
    //     })
    //   })
    //   this.Markers.xian=markers
    //   this.setData({
    //     markers
    //   })
    // }).catch(err=>{
    //   console.log("err  ",err);
    // })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})